<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Kitchen Sink Timeline</title>
		<meta name="description" content="Template Description">
		<meta name="author" content="Zach Wise">
		
		<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
		<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->

		<!-- CSS -->
		<link href="../../timeline.css" rel="stylesheet">
		<style>
			html, body {
				height:100%;
				padding: 0px;
				margin: 0px;
			}
		</style>
		
		<!-- JavaScript -->
		<script type="text/javascript" src="../../jquery-min.js"></script>
		<!-- <script type="text/javascript" src="jquery.mobile-1.0.min.js"></script> -->
		<script type="text/javascript" src="../../timeline-min.js"></script>
		<script>
			$(document).ready(function() {
				var timeline = new VMM.Timeline();
				timeline.init("data.json");
			});
		</script>

		<!-- Icons -->
		<link rel="shortcut icon" href="../../gfx/favicons/favicon.ico">
		<link rel="apple-touch-icon" href="../../gfx/favicons/apple-touch-icon.png">
		<link rel="apple-touch-icon" sizes="72x72" href="../../gfx/favicons/apple-touch-icon-72x72.png">
		<link rel="apple-touch-icon" sizes="114x114" href="../../gfx/favicons/apple-touch-icon-114x114.png">

	</head>

	<body>
		<div id="timeline"></div>
	</body>
</html>
